<template>
	<view class="app">
		<view class="app-container">
			<view class="card" @tap="navigateToPrint">
				<!-- <view class="bg-img"></view>
				<view class="bg-mask"></view> -->
				<view class="bg-img bg-mask flex align-start" style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575980560762&di=423ac47f87415a2ce1e07348fd6cba2d&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181226%2Ffe862113e250409dbee3bf55acff3619.jpeg');">
					<view class="padding text-white">
						<view class="padding-xs text-lg text-bold">
							清华大学-舜德楼
						</view>
						<view class="padding-xs text-df">
							剩余纸张数量 265 张
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				navigateToPrint() {
					uni.navigateTo({
						url: '/output-pages/result',
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.card {
		height: 250upx;
		position: relative;
		overflow: hidden;
		padding: 0 !important;
		.bg-img {
			height: 100%;
			position: relative;
		}
		// .bg-mask {
		// 	position: absolute;
		// 	top: 0;
		// 	opacity: 0.5;
		// 	height: 100%;
		// 	width: 100%;
		// }
	}
</style>
